body {
  line-height: normal;
}

.w1400 {
  width: 1400px;
  margin: auto
}

.w1100 {
  width: 1400px;
  margin: auto
}

.w1600 {
  width: 1600px;
  margin: auto
}

@font-face {
  font-family: 'iconfont';
  src: url("../fonts/iconfont.eot")
    /*tpa=https://en.chinacts.com.cn/weboms/Template/default/statics/fonts/iconfont.eot*/
  ;
  src: url("../fonts/iconfont.eot-#iefix")
    /*tpa=https://en.chinacts.com.cn/weboms/Template/default/statics/fonts/iconfont.eot?#iefix*/
    format('embedded-opentype'), url("../fonts/iconfont.woff")
    /*tpa=https://en.chinacts.com.cn/weboms/Template/default/statics/fonts/iconfont.woff*/
    format('woff'), url("../fonts/iconfont.ttf")
    /*tpa=https://en.chinacts.com.cn/weboms/Template/default/statics/fonts/iconfont.ttf*/
    format('truetype'), url("../fonts/iconfont.svg#iconfont")
    /*tpa=https://en.chinacts.com.cn/weboms/Template/default/statics/fonts/iconfont.svg#iconfont*/
    format('svg')
}

.icon {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale
}

hr {
  opacity: 1
}

.bg-f5 {
  background: #f5f5f5
}

.bg-f9 {
  background: #f9f9f9
}

.pt-108 {
  padding-top: 108px
}

.box-border {
  box-sizing: border-box
}

.font-72 {
  font-size: 4.5rem
}

.font-60 {
  font-size: 3.75rem
}

.font-36 {
  font-size: 2.25rem
}

.font-32 {
  font-size: 2rem
}

.font-30 {
  font-size: 1.875rem
}

.font-24 {
  font-size: 1.5rem
}

.font-20 {
  font-size: 1.25rem
}

.font-48 {
  font-size: 3rem
}

.font-18 {
  font-size: 1.125rem
}

.font-16 {
  font-size: 1rem
}

.font-14 {
  font-size: 14px
}

.font-12 {
  font-size: 12px
}

.color-3 {
  color: #333
}

.color-6 {
  color: #666
}

.color-9 {
  color: #999
}

.color-f {
  color: #fff
}

.main-color {
  color: #e4251b
}

.ho-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: auto;
  min-height: auto;
  width: 100%;
  height: 100%;
  transform: none;
  transition: transform .5s ease;
  object-fit: cover;
  max-height: 100%
}

.swiper-pagination-bullet-active {
  background: #e4251b
}

.pt-100 {
  padding-top: 100px
}

.flex-1 {
  flex: 1
}

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99
}

header .head-nav {
  background: rgba(255, 255, 255, 0.9);
  position: relative
}

header .head-nav .content {
  height: 100px
}

header .head-nav .content .logo {
  height: 100%;
  display: flex;
  align-items: center
}

header .head-nav .content .logo img {
  height:70%;
}
header .head-nav .content .info .search{
  width: 180px;
  height: 32px;
  position: relative;
  margin-right: 10px;
}
header .head-nav .content .info .search input[type=text]{
  width: 100%;
  height: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  padding-left: 10px;
}
header .head-nav .content .info .search input[type=submit]{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
}
header .head-nav .content .info .search svg{
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

header .head-nav .content .info p {
  font-size: 12px;
  margin-bottom: 0;
}

header .head-nav .content .info img {
  width: 24px
}

header .head-nav .content ul li {
  position: relative
}

header .head-nav .content ul li .nav-son {
  position: absolute;
  left: 0;
  right: -90px;
  top: 120%;
  background: #cdcdcd;
  height: 0;
  transition: .5s;
  overflow: hidden
}

header .head-nav .content ul li .nav-son a {
  display: block;
  padding: 8px 10px;
  font-size: 14px;
}

header .head-nav .content ul li .nav-son a:hover {
  background: #e4251b;
  color: #fff
}

header .head-nav .content ul li .pro-son {
  position: absolute;
  left: 0;
  right: auto;
  top: 120%;
  background: #cdcdcd;
  height: 0;
  transition: .5s;
  overflow: hidden;
  min-width: 100%;
}

header .head-nav .content ul li .pro-son>div h3 {
  padding: 8px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  text-wrap:nowrap;
}

header .head-nav .content ul li .pro-son>div h3 .icon {
  font-size: 12px
}

header .head-nav .content ul li .pro-son>div h3:hover {
  background: #e4251b;
  color: #fff
}

header .head-nav .content ul li .pro-son>div h3:hover .icon {
  color: #fff
}

header .head-nav .content ul li .pro-son>div .pro-item {
  position: absolute;
  left: 100%;
  top: 0;
  width: auto;
  background: #cacaca;
  display: none
}

header .head-nav .content ul li .pro-son>div .pro-item a {
  display: block;
  padding: 8px 10px;
  text-wrap: nowrap;
  white-space: nowrap;
}

header .head-nav .content ul li .pro-son>div .pro-item a:hover {
  background: #e4251b;
  color: #fff
}

header .head-nav .content ul li .pro-son>div:hover .pro-item {
  display: block
}

header .head-nav .content ul li.active>a {
  color: #e4251b
}

header .head-nav .content ul li.active>span {
  color: #e4251b
}

header .head-nav .content ul li:hover>a,
header .head-nav .content ul li:hover>span {
  color: #666;
  background: #ddd
}

header .head-nav .content ul li:hover .nav-son {
  top: 100%;
  height: auto
}

header .head-nav .content ul li:hover .pro-son {
  top: 100%;
  height: auto;
  overflow: visible
}

header .head-nav .menu .icon {
  font-size: 24px
}

@keyframes bgmove {
  0% {
    width: 0
  }

  100% {
    width: 100%
  }
}

@keyframes move {
  0% {
    transform: translateY(20px)
  }

  100% {
    transform: translateY(0)
  }
}

footer {
  background: #333333
}

footer .f_logo {
  border-right: rgba(255, 255, 255, 0.2) 1px solid
}

footer .f_logo p {
  max-width: 200px;
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5);
  line-height: 22px
}
footer .f_logo p img{
  width: 20px;
}

footer ul li {
  margin-right: 80px
}

footer ul li:last-child {
  margin-right: 0
}

footer ul li h3 {
  color: #fff
}

footer ul li h2 {
  line-height: 40px
}

footer ul li a {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  line-height: 30px
}

footer ul li a:hover {
  color: #fff
}

footer ul li p {
  color: #c9c9ca;
  line-height: 40px;
  max-width: 300px
}

footer ul li .code {
  width: 100px
}

footer .contact {
  border-left: 1px rgba(255, 255, 255, 0.2) solid
}

footer .contact p {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.5);
  display: flex;
  align-items: center;
}
footer .contact p img{
  width: 20px;
  margin-right: 5px;
}

footer .contact a {
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 32px;
  border-radius: 16px;
  background: #e4251b;
  line-height:1;
}

footer .contact a:hover {
  color: rgba(255, 255, 255, 0.8)
}

footer .links span {
  font-size: 14px;
  color: #9c9c9c
}

footer .links a {
  font-size: 14px;
  color: #9c9c9c;
  line-height: 16px;
  height: 16px;
  border-right: 1px #9c9c9c solid
}

footer .links a:last-child {
  border-right: none
}

footer .links a:hover {
  color: rgba(255, 255, 255, 0.7)
}

footer .code img {
  width: 100px
}

footer .copyright {
  border-top: 1px rgba(255, 255, 255, 0.2) solid;
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
}

footer .copyright p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px
}

footer .copyright a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  margin-left: 10px
}

footer .copyright a:hover {
  color: rgba(255, 255, 255, 0.8)
}

.foot-btn {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e4251b;
  z-index: 9999
}

.foot-btn a {
  height: 50px;
  width: 25%;
  border-left: 1px rgba(255, 255, 255, 0.2) solid;
  box-sizing: border-box;
  font-size: 12px;
  color: #fff
}

.foot-btn a .icon {
  color: #fff;
  font-size: 18px;
  margin-bottom: 2px
}

.foot-btn a:first-child {
  border-left: none
}

.menu-container-mask {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  transition: .2s;
  z-index: 9999
}

.menu-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  overflow: hidden;
  background-color: #fff
}

.top-menu-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: .2s
}

.top-menu-list.active {
  transform: translateX(-100%)
}

.top-menu-list>li {
  height: 48px;
  line-height: 48px
}

.top-menu-list>li li:first-child,
.top-menu-list>li:first-child {
  /*height:45px;*/
}

.top-menu-list>li li:first-child>a,
.top-menu-list>li:first-child>a {
  background-color: #f7f7f7;
  /* height:45px; */
}

.top-menu-list>li a {
  height: 100%;
  padding: 0 32px 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
  font-size: 14px
}

.top-menu-list>li a span {
  color: #666;
  font-size: 14px
}

.top-menu-list>li a .icon {
  color: #666;
  font-size: 14px
}

.top-menu-list>li .title-name {
  height: 100%;
  padding: 0 32px 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #666;
  font-size: 14px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden
}

.top-menu-list ul {
  position: absolute;
  left: 100%;
  width: 100%;
  background-color: #fff;
  top: 0;
  height: 100%;
  display: none
}

.top-menu-list ul.active {
  display: block
}

.common-pagination span {
  width: 10px;
  height: 10px;
  border: 1px #f5f5f5 solid;
  background: none;
  opacity: 1;
  margin: 0 2px
}

.common-pagination .swiper-pagination-bullet-active {
  background: #e4251b !important;
  border: 1px #e4251b solid !important
}

.navbar-nav-more-body {
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.6);
  transition: .2s
}

.navbar-nav-more-body .box-shadown {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%
}

.navbar-nav-more-body .offcanva {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  overflow: hidden;
  background-color: #fff
}

.navbar-nav-more-body .offcanvas-body {
  position: relative
}

.navbar-nav-more-body .offcanvas-end {
  width: 60%;
  z-index: 999999
}

.navbar-nav-more-body .top-menu-list {
  position: absolute;
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  transition: .2s;
  font-size: 1rem;
  padding: 0
}

.navbar-nav-more-body .top-menu-list.active {
  transform: translateX(-100%)
}

.navbar-nav-more-body .top-menu-list>li {
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0
}

.navbar-nav-more-body .top-menu-list>li li:first-child,
.navbar-nav-more-body .top-menu-list>li:first-child {
  height: 2.8rem
}

.navbar-nav-more-body .top-menu-list>li li:first-child>a,
.navbar-nav-more-body .top-menu-list>li:first-child>a {
  background-color: #f7f7f7;
  height: 2.8rem
}

.navbar-nav-more-body .top-menu-list>li a {
  height: 100%;
  padding: 0 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.navbar-nav-more-body .top-menu-list>li a:hover {
  color: #e4251b
}

.navbar-nav-more-body .top-menu-list ul {
  position: absolute;
  left: 100%;
  width: 100%;
  background-color: #fff;
  top: 0;
  height: 100%;
  padding: 0;
  display: none
}

.navbar-nav-more-body .top-menu-list ul.active {
  display: block
}

.navbar-nav-more-body .top-menu-list .icon {
  font-size: 16px;
  color: #666
}

.navbar-nav-more-body .top-menu-list ul.active .icon {
  margin-right: .5rem
}

.position {
  height: 50px
}

.position .content {
  height: 100%
}

.position .category ul li a {
  display: flex;
  align-items: center;
  height: 50px;
  padding: 0 24px
}

.position .category ul li:hover,
.position .category ul li.active {
  background: #e4251b
}

.position .category ul li:hover a,
.position .category ul li.active a {
  color: #fff
}

.breadcrumb {
  margin-bottom: 0rem;
  font-size: 14px;
  color: #e4251b
}

.breadcrumb-item+.breadcrumb-item::before {
  content: var(--bs-breadcrumb-divider, ">")
}

.breadcrumb-item {
  display: flex;
  align-items: center
}

.breadcrumb-item a {
  color: #999;
  font-size: 14px
}

.breadcrumb-item a:hover {
  color: #e4251b !important
}

.pagination-box {
  text-align: center;
  line-height: 32px;
  color: #595959
}

.pagination-box select {
  margin: 0 8px
}

.pagination-box a,
.pagination-box span {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 30px;
  border: 1px solid #e2e2e2;
  border-radius: 2px;
  text-align: center;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: top;
  color: #666
}

.pagination-box a:last-child,
.pagination-box span:last-child {
  margin-right: 0
}

.pagination-box a.active,
.pagination-box span.active,
.pagination-box a.current,
.pagination-box span.current,
.pagination-box a:hover,
.pagination-box span:hover {
  background-color: #e4251b;
  border-color: #e4251b;
  color: #fff !important
}

.pagination-box select {
  height: 32px;
  border: 1px solid #e2e2e2;
  box-sizing: border-box
}

.pagination-box .prev_disabled,
.pagination-box .next_disabled {
  background-color: transparent !important;
  border-color: #e2e2e2 !important;
  color: #e2e2e2 !important;
  cursor: no-drop
}

.pagination-box .prev_disabled:hover,
.pagination-box .next_disabled:hover {
  color: #e2e2e2 !important
}

.pagination-box .page_num {
  border: none
}

.pagination-box .prev::before,
.pagination-box .prev_disabled::before {
  content: '<'
}

.pagination-box .next::before,
.pagination-box .next_disabled::before {
  content: '>'
}

.home-banner {
  --swiper-navigation-color: #fff;
  --swiper-navigation-size: 48px;
}
.home-banner .index-container{
  margin-top: 100px;
}

.home-banner .hide {
  opacity: 0
}

.home-banner .swiper-button-prev,
.home-banner .swiper-button-next {
  font-weight: bold
}

.home-banner .index-button-prev {
  position: absolute;
  left: 0;
  top: 48%;
  width: 60px;
  height: 60px;
  background: #999;
  display: flex;
  justify-content: center;
  align-items: center
}

.home-banner .index-button-prev {
  position: absolute;
  left: 100px;
  top: 48%;
  width: 60px;
  height: 60px;
  background: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 80px;
}

.home-banner .index-button-next {
  position: absolute;
  right: 100px;
  top: 48%;
  width: 60px;
  height: 60px;
  background: #999;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  cursor: pointer;
  border: 1px solid #ccc;
  border-radius: 80px;
}

.home-banner .index-button-next .icon {
  transform: rotate(180deg)
}

.home-product h2 {
  border-bottom: 3px #e4251b solid
}

.home-product h4 {
  transition: .5s
}

.home-product h4:hover {
  transform: translateY(-10px)
}

.home-product .title-1 h4 {
  color: #0058b5;
  border-bottom: 3px #0058b5 solid
}

.home-product .title-2 h4 {
  color: #7cb758;
  border-bottom: 3px #7cb758 solid
}

.home-product .title-3 h4 {
  color: #46b867;
  border-bottom: 3px #46b867 solid
}

.home-product .title-4 h4 {
  color: #50c5c0;
  border-bottom: 3px #50c5c0 solid
}

.home-product .title-5 h4 {
  color: #005cb7;
  border-bottom: 3px #005cb7 solid
}

.home-product ul {
  display: flex;
  justify-content: center
}

.home-product ul li {
  width: 24%
}

.home-product ul li .item {
  align-items: center;
  transition: .5s
}

.home-product ul li .item .img {
  width: 88%;
  padding-top: 88%;
  overflow: hidden;
  border-radius: 50%;
  box-shadow: 0 0 20px 4px rgba(0, 0, 0, 0.14);
  position: relative;
  background: #fff
}

.home-product ul li .item .img img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  margin: auto;
  max-width: 100%;
  ;
  object-fit: cover
}

.home-product ul li .item:hover {
  opacity: .7;
  zoom: 1
}

.home-service {
  position: relative;
  padding: 52px 0 52px
}

.home-service .content {
  z-index: 1;
  position: relative;
  width: 660px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.home-service .content span {
  width: 40px;
  height: 3px;
  background: #fff
}

.home-service .content .desc {
  line-height: 30px
}

.home-service .content .more {
  width: 160px;
  height: 40px;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: .5s;
  border: 2px #fff solid;
  box-sizing: border-box
}

.home-service .content .more::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -100%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  height: 0;
  z-index: -1;
  background: #e4251b;
  transition: .6s
}

.home-service .content .more i {
  position: absolute;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .6s
}

.home-service .content .more i:first-child {
  top: 0
}

.home-service .content .more i:last-child {
  top: 100%
}

.home-service .content .more:hover {
  border-color: #e4251b !important;
  animation: delaybg .6s forwards
}

.home-service .content .more:hover::before {
  bottom: -10px;
  height: 60px;
  left: -10px;
  right: -10px
}

.home-service .content .more:hover i {
  color: #fff
}

.home-service .content .more:hover i:first-child {
  top: -100%
}

.home-service .content .more:hover i:last-child {
  top: 0
}

@keyframes delaybg {
  100% {
    background: #e4251b
  }
}

.home-news .content>span {
  width: 40px;
  height: 3px;
  background: #e4251b
}

.home-news .content ul li a h4 {
  border-bottom: 1px #7f7f7f solid;
  position: relative
}

.home-news .content ul li a h4::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 0;
  height: 1px;
  transition: .5s;
  overflow: hidden;
  background: #e4251b
}

.home-news .content ul li a:hover h4 {
  color: #e4251b
}

.home-news .content ul li a:hover h4::before {
  width: 100%
}

.home-news .content ol {
  width: 1088px;
  justify-content: space-between
}

.home-news .content ol li {
  position: relative;
  width: 32%
}

.home-news .content ol li a {
  position: relative;
  display: block;
  overflow: hidden
}

.home-news .content ol li a img {
  width: 100%;
  display: block;
  transition: .5s
}

.home-news .content ol li a p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: rgba(0, 0, 0, 0.5)
}

.home-news .content ol li::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
}

.home-news .content ol li:nth-child(1):after {
  background-color: #e4251b;
}

.home-news .content ol li:nth-child(2):after {
  background-color: #32CD32;
}

.home-news .content ol li:nth-child(3):after {
  background-color: #9400D3;
}

.home-news .content ol li a:hover img {
  transform: scale(1.1)
}

.service-page .content,
.about-page .content {
  line-height: 24px
}

.service-page .content img,
.about-page .content img {
  max-width: 100%
}

.about-content {
  line-height: 24px
}

.about-content img {
  max-width: 100%
}

.product-list ul li .item {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  position: relative;
  transition: .5s
}

.product-list ul li .item .img {
  height: 300px;
  display: flex;
  justify-content: center;
  align-items: center
}

.product-list ul li .item .img img {
  max-width: 98%;
  max-height: 98%
}

.product-list ul li .item:hover {
  z-index: 2;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.product-list ul li .item h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-list ul li .item:hover h4 {
  color: #e4251b
}

.product-page .product-content .text {
  width: calc(100% - 240px);
}
.product-page .product-content>div:only-child{
  width: 100%!important;
}

.product-page .product-content .text .page-container .img {
  height: 450px;
  display: flex;
  justify-content: center;
  align-items: center
}

.product-page .product-content .text .page-container .img img {
  max-width: 98%;
  max-height: 98%
}

.product-page .product-content .text .desc #desc {
  line-height: 24px
}

.product-page .product-content .text .desc #desc p img {
  /* width: 100%; */
}

.product-page .product-content .text .desc .links a {
  width: 240px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #e4251b;
}

.product-page .product-content .text .desc .links a:hover {
  color: rgba(255, 255, 255, 0.7)
}

.product-page .product-content .text .desc .links a:hover .icon {
  color: rgba(255, 255, 255, 0.7)
}

.product-page .product-content .text .desc .links .info {
  background: none;
  border: 2px #333 solid
}

.product-page .product-content .text .desc .links .info:hover {
  color: #e4251b
}

.product-page .product-content .text .details img {
  max-width: 100%
}

.product-page .product-content .text .contact .img {
  width: 80%;
  margin: auto;
  position: relative;
  overflow: hidden
}

.product-page .product-content .text .contact .img img {
  display: block;
  width: 100%
}

.product-page .product-content .text .contact .img .link {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column
}

.product-page .product-content .text .contact .img .link span {
  width: 200px;
  height: 40px;
  border-radius: 20px;
  background: #e4251b;
  color: #fff;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center
}

.product-page .product-content .text .contact .img:hover span {
  color: rgba(255, 255, 255, 0.8)
}

.product-page .product-content .pro-items {
  width: 240px;
  flex-shrink: 0;
}

.product-page .product-content .pro-items ol li a {
  margin: 2px 0;
  height: 80px;
  position: relative;
  overflow: hidden
}

.product-page .product-content .pro-items ol li.menu-item a img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-width: auto;
  min-height: auto;
  width: 100%;
  height: 100%;
  transform: none;
  transition: transform .5s ease;
  object-fit: cover;
  max-height: 100%;
}

.product-page .product-content .pro-items ol li.menu-item .contact-link a img {
  position: relative;
}

.product-page .product-content .pro-items ol li a h5 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 0 0 10px;
  color: #fff;
  font-size: 14px;
  margin: 0;
}

.product-page .product-content .pro-items ol li a:hover h5 {
  background: rgba(0, 0, 0, 0.3)
}

.product-page .product-content .pro-items ol li .contact-title {
  color: #333;
  border-bottom: 2px #333 solid
}

.product-page .product-content .pro-items ol li:nth-child(1) h3 {
  color: #0058b5;
  border-bottom: 2px #0058b5 solid
}

.product-page .product-content .pro-items ol li:nth-child(2) h3 {
  color: #7cb758;
  border-bottom: 2px #7cb758 solid
}

.product-page .product-content .pro-items ol li:nth-child(3) h3 {
  color: #46b867;
  border-bottom: 2px #46b867 solid
}

.product-page .product-content .pro-items ol li:nth-child(4) h3 {
  color: #50c5c0;
  border-bottom: 2px #50c5c0 solid
}

.product-page .product-content .pro-items ol li:nth-child(5) h3 {
  color: #005cb7;
  border-bottom: 2px #005cb7 solid
}
.product-page .product-content .pro-items ol li:nth-child(6) h3 {
  color: #5a0283;
  border-bottom: 2px #5a0283 solid
}
.product-page .product-content .pro-items ol li:nth-child(7) h3 {
  color: #f30505;
  border-bottom: 2px #f30505 solid
}
.product-page .product-content .pro-items ol li:nth-child(8) h3 {
  color: #666;
  border-bottom: 2px #666 solid
}
.product-page .product-content .pro-items ol li:nth-child(9) h3 {
  color: #0058b5;
  border-bottom: 2px #0058b5 solid
}

.product-page .product-content .pro-items ol li:nth-child(10) h3 {
  color: #7cb758;
  border-bottom: 2px #7cb758 solid
}

.product-page .product-content .pro-items ol li:nth-child(11) h3 {
  color: #46b867;
  border-bottom: 2px #46b867 solid
}


.contact-link a {
  height: auto !important
}

.solution-list ul li .item .img {
  height: 400px;
  overflow: hidden
}

.solution-list ul li .item .text {
  transform: translateY(-36px);
  transition: .4s
}

.solution-list ul li .item .text span {
  width: 200px;
  height: 60px;
  background: #e4251b;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff
}

.solution-list ul li .item .text h3 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden
}

.solution-list ul li .item .text p {
  line-height: 24px;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden
}

.solution-list ul li .item:hover img {
  transform: scale(1.1)
}

.solution-list ul li .item:hover .text {
  transform: translateY(-46px)
}

.solution-page .solution-content .text {
  width: calc(100% - 240px)
}
.solution-page .solution-content .text p{
 /* line-height: 2em; */
 margin-bottom: 15px;
}

.solution-page .solution-content .solution-items {
  width: 240px
}

.solution-page .solution-content .solution-items ol li a {
  margin: 2px 0;
  height: 80px;
  position: relative;
  overflow: hidden
}

.solution-page .solution-content .solution-items ol li a h5 {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px 0 0 10px;
  color: #fff
}

.solution-page .solution-content .solution-items ol li a:hover h5 {
  background: rgba(0, 0, 0, 0.3)
}

.solution-page .solution-content .solution-items ol li h3 {
  color: #333;
  border-bottom: 2px #333 solid
}

.contact-page .content #map {
  height: 500px;
  width: 100%;
  position: relative;
}

.page-title {
  border-top: 3px #eee solid
}

.page-title h2,
.page-title h1 {
  position: relative
}

.page-title h2::before,
.page-title h1::before {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  height: 3px;
  background: #e4251b;
  right: 0
}

.message form {
  border: 2px #eee solid
}

.message form ul li {
  display: flex;
  border-bottom: 1px #eee solid;
  padding: 20px 16px;
  position: relative
}

.message form ul li div {
  width: 30%
}

.message form ul li input {
  width: 100%;
  height: 40px;
  background: #ececec;
  border-radius: 4px;
  padding: 0 16px;
  border: 1px #bbb solid
}

.message form ul li input:focus {
  background: #fff5d6
}

.message form ul li textarea {
  width: 100%;
  height: 150px;
  background: #ececec;
  border-radius: 4px;
  padding: 0 16px;
  border: 1px #bbb solid;
  resize: none;
  line-height: 26px
}

.message form ul li textarea:focus {
  background: #fff5d6
}

.message form ul li .error {
  padding: 0 10px;
  font-size: 12px;
  color: red
}

.message form ul li:hover {
  background: #ededed
}

.message form .btn-1 {
  display: flex;
  margin: auto;
  width: 300px;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: rgba(0, 0, 0, 0) linear-gradient(#fff, #e5e5e5) repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 0 #fff inset;
  color: #666;
  text-decoration: none
}

.message form .btn-1:hover {
  color: #333
}

.news-list ul li .item .img {
  height: 220px;
  position: relative;
  overflow: hidden
}

.news-list ul li .item .text h3 {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden
}

.news-list ul li .item .text p {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 48px;
  line-height: 24px;
  display: -webkit-box;
  white-space: normal;
  overflow: hidden
}

.news-list ul li .item .text .more {
  width: 150px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px #c9c9ca solid;
  position: relative;
  box-sizing: border-box;
  z-index: 1
}

.news-list ul li .item .text .more::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  transition: .5s;
  width: 0;
  overflow: hidden;
  background: #e4251b
}

.news-list ul li .item:hover img {
  transform: scale(1.1)
}

.news-list ul li .item:hover .more {
  border-color: #e4251b;
  color: #fff
}

.news-list ul li .item:hover .more::before {
  width: 100%
}

.news-detail .title {
  border-bottom: 1px #e3e3e3 solid
}

.news-detail .content {
  line-height: 24px;
  min-height: 200px
}

.news-detail .content img {
  max-width: 100%;
  display: block;
  margin: auto
}

.news-detail .content iframe {
  width: 100% !important;
  height: 600px !important
}

.news-detail .news-detail-footer {
  border-top: 1px #f5f5f5 solid
}

.news-detail .news-detail-footer a {
  font-size: 14px;
  color: #333
}

.news-detail .news-detail-footer a:hover {
  color: #e4251b
}

.question-list ul li .question {
  background: #fff;
  cursor: pointer;
  height: 100px;
  transition: .5s;
  border-top: 2px #e4251b solid
}

.question-list ul li .question p {
  display: none !important
}

.question-list ul li .question .icon {
  font-size: 24px;
  color: #e4251b
}

.question-list ul li .question.collapsed {
  background: #f5f5f5;
  border-top: 2px transparent solid
}

.question-list ul li .question.collapsed div .icon {
  color: #e4251b;
  font-size: 24px
}

.question-list ul li .question.collapsed div h4 {
  color: #333
}

.question-list ul li .question.collapsed p {
  display: flex !important
}

.question-list ul li .question.collapsed p .icon {
  color: #666
}

.question-list ul li .question:hover {
  background: #fff
}

.question-list ul li .answer {
  line-height: 32px
}

.question-list ul li .answer .icon {
  font-size: 24px;
  color: #e4251b
}

.honor-list ul li .item .img {
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .5s
}

.honor-list ul li .item .img img {
  max-width: 92%;
  max-height: 92%
}

.honor-list ul li .item:hover .img {
  z-index: 2;
  -webkit-box-shadow: 0 0 20px rgba(252, 143, 31, 0.3);
  box-shadow: 0 0 20px rgba(252, 143, 31, 0.3);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}

.honor-list ul li .item:hover h4 {
  color: #e4251b
}

#contact.active {
  position: fixed;
  top: 110px !important;
  width: 224px;
  z-index: 2
}

#contact.foot {
  top: 0
}

.f-top {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 50px;
  height: 0;
  overflow: hidden;
  transition: .5s;
  background: url("../images/top.png")
    /*tpa=https://en.chinacts.com.cn/weboms/Template/default/statics/images/top.png*/
  ;
  z-index: 99;
  cursor: pointer
}

.f-top .icon {
  color: #fff;
  font-size: 24px
}

.f-top:hover {
  opacity: .2
}

.f-top.active {
  height: 50px
}

#wmkc {
  position: fixed;
  right: 10px;
  top: 40%;
  transform: translateY(-50%);
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif!important;
  padding-bottom: 65px;
  z-index: 99999;
}
#wmkc * {
  box-sizing: border-box;
  font-size: 12px;
  line-height: 100%;
  transform: scale(0.97);
}
.wmkc-list {
  padding: 0;
  border: 1px solid #EEE;
  background-color: #FFF;
  max-width: 70px;
  overflow-x: hidden;
  border-radius: 4px;
  margin: 0;
}
.wmkc-list>li {
  width: 100%;
  line-height: 115%;
  border-bottom: 1px solid #EEE;
  list-style: none;
  text-align: center;
  padding: 5px;
  transition: all .2s ease-in-out;
}
.wmkc-list>li:first-child {
  border-radius: 4px 4px 0 0;
}
.wmkc-list>li:last-child {
  border-radius: 0px 0px 4px 4px;
  border: none;
}
.wmkc-list>li a {
  color: #555;
  text-decoration: none;
  font-size: 12px;
  display: block;
}
.wmkc-icon {
  display: inline-block;
  background: url(/statics/images/wmkc-ico23.png) no-repeat;
  width: 32px;
  height: 32px;
}
.wmkc-email .wmkc-icon {
  background-position: -6px -6px;
}
.wmkc-skype .wmkc-icon {
  background-position: -50px -6px;
}
.wmkc-whatsapp .wmkc-icon {
  background-position: -50px -50px;
}
.wmkc-email:hover {
  background-color: #F90;
}
.wmkc-email:hover .wmkc-icon {
  background-position: -94px -6px;
}
.wmkc-skype:hover {
  background-color: #0091DF;
}
.wmkc-skype:hover .wmkc-icon {
  background-position: -94px -50px;
}
.wmkc-whatsapp:hover {
  background-color: #2CB740;
}
.wmkc-list li:hover a {
  color: #FFF;
}
.wmkc-whatsapp:hover .wmkc-icon {
  background-position: -50px -94px;
}


.wmkc-list>li p {
  margin: 2px 0 0;
  font-size: 11px;
}

.product-content .text h4 {
  margin: 20px 0px 14px;
  padding: 13px 0px 13px 20px;
  font-size: 18px;
  box-sizing: border-box;
  font-family: Meiryo, Osaka, sans-serif;
  border-bottom: 1px dotted rgb(68, 68, 68);
  background-repeat: no-repeat;
  background-position: left center;
  clear: both;
  white-space: normal;
  background-color: rgb(255, 255, 255);
  text-align: justify;
  line-height: normal;
  position: relative;
}

.product-content .text h4::after {
  position: absolute;
  top: 18px;
  left: 0;
  width: 13px;
  height: 13px;
  background-image: url(/statics/images/h4_img.png);
  content: '';
}

.product-page .product-content .text .desc .links h4 {
  padding: 0;
  margin: 0;
  border: none;
  font-size: 1.5rem;
}

.product-page .product-content .text .desc .links h4::after {
  display: none;
}

.product-page .product-content .text h2 {
  margin-bottom: 20px;
}

.product-page .product-content .text p {
  margin-bottom: 20px;
}

.page-title .page_content_sssssssssssss p {
  color: #666;
  font-size: 1.125rem;
}

.page-title .page_content_sssssssssssss p span {
  color: #e4251b;
  font-size: 1.25rem;
  font-weight: 700;
}

.switcher .selected {
  position: relative;
}

.switcher .option {
  position: absolute !important;
}

.align-items-end a {
  display: flex;
  font-size: 15px;
}

/*# sourceMappingURL=./style.css.map */

.details table tr,
.details table th,
.details table td {
  padding: 20px;
  border: 1px solid #ddd;
}

.product-content h1 {
  font-size: 2em;
  margin: 0.67em 0;
  margin-top: 0;
}

.product-content h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

.product-content h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

.product-content h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

.product-content h5 {
  font-size: .83em;
  margin: 1.67em 0;
}

.product-content h6 {
  font-size: .75em;
  margin: 2.33em 0;
}

.product-content p {
  margin: 1em 0;
}

.product-content img {
  display: block;
  margin: 0 auto;
}
.picture-list ul li .item .img {
  min-height: 240px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  transition: .5s;
}
.picture-list ul li .item .img img {
  max-width: 92%;
  max-height: 92%;
}
.picture-list ul li .item:hover .img {
  z-index: 2;
  -webkit-box-shadow: 0 0 20px rgb(252 143 31 / 30%);
  box-shadow: 0 0 20px rgb(252 143 31 / 30%);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* 2022.7.25底部添加分享图标 */
footer .f_logo ul.share{
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
footer .f_logo ul.share li{
  margin-right: 20px;
}

/* 2023.1.30修改 */
.picture-list .text.bg-white{
  width: 100%;
}

.wp-video{
  width: 80%!important;
  margin: 0 auto;
}